<?php $hdtp=dr_site_value('hdtp');?>
<?php $toubuemail=dr_site_value('toubuemail');?>
<?php $tblxdh=dr_site_value('tblxdh');?>
<?php $sygsjj_lbt=dr_site_value('sygsjj_lbt');?>
<?php $sygsjj=dr_site_value('sygsjj');?>
<?php $xinxilan=dr_site_value('xinxilan');?>
<?php $dirname=dr_share_cat_value($cat['pid'], 'name');?>
<?php $dirurl=dr_share_cat_value($cat['pid'], 'url');?>
<?php $sydbkslj=dr_site_value('sydbkslj');?>
<?php $dblxfs=dr_site_value('dblxfs');?>
<?php $erweima=dr_site_value('erweima');?>
<?php $cpybanner=dr_site_value('cpybanner');?>
<?php $xwybanner=dr_site_value('xwybanner');?>
<?php $anliyebanner=dr_site_value('anliyebanner');?>
<?php $llybanner=dr_site_value('llybanner');?>
<?php $gsxxybanner=dr_site_value('gsxxybanner');?>
<?php $shemeixinxi=dr_site_value('shemeixinxi');?>
<?php $youcepiaofu=dr_site_value('youcepiaofu');?>
<?php
if(empty($_COOKIE['language'])){
$language='en';
}
$language = $_COOKIE['language'];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="wap-font-scale" content="no">
<title>{usu_fanyi($seo_title, $language)}</title>
<meta content="{usu_fanyi($meta_keywords, $language)}" name="keywords"/>
<meta content="{usu_fanyi($seo_des, $language)}" name="description"/>

<!-- 系统懒人版js(所有自建模板引用) -->
<script type="text/javascript">var is_mobile_cms = '{IS_MOBILE}';var web_dir = '{WEB_DIR}';</script>
<script src="{LANG_PATH}lang.js" type="text/javascript"></script>
<script src="{THEME_PATH}assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="{THEME_PATH}assets/js/cms.js" type="text/javascript"></script>
<!-- 系统懒人版js结束 -->
<link rel="shortcut icon" href="https://demo.waimaoniu.com/">
<link rel="stylesheet" href="{HOME_THEME_PATH}css/style.css">
<link rel="stylesheet" type="text/css" href="{HOME_THEME_PATH}css/iconfont.css">
<script src="{HOME_THEME_PATH}js/plugin.js"></script>
<script src="{HOME_THEME_PATH}js/main_2.js"></script>
<script src="{HOME_THEME_PATH}js/fullPage.js"></script>
<!-- 多语言js -->
<script type="text/javascript">
    function language(e){
    var cookies = document.cookie.split(";");
    for (var i = 0; i < cookies.length; i++) {
        var cookie = cookies[i];
        while (cookie.charAt(0) == " ") {
            cookie = cookie.substring(1);
        }
        if (cookie.indexOf("=") != -1) {
            var name = cookie.substring(0, cookie.indexOf("="));
            document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
        }
    }
    document.cookie ='language='+e+';path=/';  document.cookie ='language='+e+';path=/zh';
    location.reload();
    }
</script>
{SITE_TONGJI}
</head>
  
  <body>
    <!--Header-->
    <header>
      <div class="header-top">
       <div class="mauto">
        <div class="menu">
          <div id="top1">
            <div class="top1c">
              <div class="top1c_l">
                <li class="website-mailbox">
                  <p>
                    <i class="iconfont">&#xe624;</i></p>
                  <a href="mailto{$toubuemail}" target="_blank">{$toubuemail}</a></li>
                <li class="website-phone" >
                  <p>
                    <i class="iconfont">&#xec76;</i></p>
                  <a href="" target="_blank">{$tblxdh}</a></li>
                <!--<li><i class="iconfont">&#xe60d;</i><a class="sitemap"href="sitemap.html" target="_blank">Site map</a></li>--></div>
              <div class="language">
                <div class="cur">
                    {if $language =='en'}
                    <e class="en">
                        <i class="iconflag flag-en"></i>English<i class="iconfont">&#xe635;</i>
                    </e>
                    {else if $language =='spa'}
                    <e class="es">
                        <i class="iconflag flag-es"></i>España<i class="iconfont">&#xe635;</i>
                    </e>
                    {else if $language =='de'}
                    <e class="de">
                        <i class="iconflag flag-de"></i>Deutsch<i class="iconfont">&#xe635;</i>
                    </e>
                    {else if $language =='pt'}
                    <e class="pt">
                        <i class="iconflag flag-pt"></i>Português<i class="iconfont">&#xe635;</i>
                    </e>
                    {else if $language =='fra'}
                    <e class="fr">
                        <i class="iconflag flag-fr"></i>Français<i class="iconfont">&#xe635;</i>
                    </e>
                    {else}
                    <e class="en">
                        <i class="iconflag flag-en"></i>English<i class="iconfont">&#xe635;</i>
                    </e>
                    {/if}
                  <ul class="language-list">
                    <li>
                        <a href="" title="English" onclick="language('en')" class="en">
                            <i class="iconflag flag-en"></i>
                            <p>English</p>
                        </a>
                    </li>
                    <li>
                        <a href="" title="España" onclick="language('spa')" class="es">
                            <i class="iconflag flag-es"></i>
                            <p>España</p>
                        </a>
                    </li>
                    <li>
                        <a href="" title="Deutsch" onclick="language('de')"class="de">
                            <i class="iconflag flag-de"></i>
                            <p>Deutsch</p>
                        </a>
                    </li>
                    <li>
                        <a href="" title="Português" onclick="language('pt')"class="pt">
                            <i class="iconflag flag-pt"></i>
                            <p>Português</p>
                        </a>
                    </li>
                    <li>
                        <a href="" title="Français" onclick="language('fra')"class="fr">
                            <i class="iconflag flag-fr"></i>
                            <p>Français</p>
                        </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
        </div>
      </div>
      <div class="header" id="fixedMenu">
        <div class="mauto">
          <a href="/" class="logo">
            <img src="{SITE_LOGO}" data-src="{SITE_LOGO}" alt="Logo"></a>
            <div class="sv-acbl">
              <form name="formsearch" id="searchform" action="{WEB_DIR}index.php" method="get">
                <span></span>
                <p>
                  <input type="hidden" name="s" value="api">
                  <input type="hidden" name="c" value="api">
                  <input type="hidden" name="m" value="search">
                  <input type="hidden" name="dir" id="dr_search_module_dir">
                  <input name="keyword" id="keyword" type="text" class="c1" placeholder="{usu_fanyi('Search entire store here...', $language)}">
                  <button class="search-btn" type="submit">
                    <i class="iconfont">&#xe6fb;</i></button>
                </p>
              </form>
              <script>
              // 这段js是用来执行搜索的
              function dr_search_module_select(dir, name) {
                  $("#dr_search_module_dir").val("news");
                  $("#dr_search_module_name").html(name + ' <i class="fa fa-angle-down"></i>');
              }
              dr_search_module_select('{php echo MOD_DIR ? MOD_DIR : $top_search.dirname}', '{php echo MOD_DIR ? MODULE_NAME : $top_search.name}');
              </script>
            </div>
          <nav class="main-nav" role="navigation">
            <!-- Mobile menu toggle button (hamburger/x icon) -->
            <input id="main-menu-state" type="checkbox">
            <label class="main-menu-btn" for="main-menu-state">
              <span class="main-menu-btn-icon"></span>Toggle main menu visibility</label>
            <!-- Sample menu definition -->
            <ul id="main-menu" class="sm sm-blue">
             <li class="current">
                <a href="/">Home</a>
            </li>
            {category module=share pid=0 return=t}
            <li>
                <a href="{$t.url}">{usu_fanyi($t.name, $language)}</a>
                {if $t.child}
                <ul class="subnavs lv-2">
                    {category module=share pid=$t.id return=t2}
                    <li>
                        <a href="{$t2.url}" title="{usu_fanyi($t2.name, $language)}">{usu_fanyi($t2.name, $language)}</a>
                        {if $t2.child}
                        <ul class="subnavs lv-3">
                            {category module=share pid=$t2.id return=t3}
                            <li>
                                <a href="{$t3.url}" title="{usu_fanyi($t3.name, $language)}">{usu_fanyi($t3.name, $language)}</a>
                            </li>
                            {/category}
                        </ul>
                        {/if}
                    </li>
                    {/category}
                </ul>
                {/if}
                </li>
              {/category}
            </ul>
          </nav>
        </div>
      </div>
    </header>
    <!--Header-->
    <!--内页banner 面包屑 开始-->
    <div class="ny_banner" style="background-image: url({dr_get_file($cpybanner)});">
      <div class="baloea">
        <div class="mauto">
          <div class="baloea_title">{usu_fanyi('Products', $language)}</div>
          <div class="lboae">
            <ul>
                <li>
                  <i class="iconfont">&#xe688;</i>
                  <a href="/">Home</a>
                </li>
                {if $dirname}
                <li>></li>
                <li>
                  <a href="{$dirurl}">{usu_fanyi($dirname, $language)}</a>
                </li>
                {/if}
                <li>></li>
                <li>
                    <a href="{$cat['url']}">{usu_fanyi($cat['name'],$language)}</a>
                </li>
                <li>></li>
                <li>{usu_fanyi($title,$language)}</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!--内页banner 面包屑 结束-->
    <!--Main-->
    <main hsm="fadeup">
      <div class="main_con">
        <div class="mauto">
          <!--二级菜单-->
          <div class="main-nav-p">
            <ul>
                {category module=share pid=2 return=t}
                <li>
                  <a href="{$t.url}">
                    <i>{usu_fanyi($t.name, $language)}</i>
                  </a>
                </li>
                {/category}
            </ul>
          </div>
          <div class="main-nav-m">
            <div class="title">
            <strong>{usu_fanyi('Products', $language)}</strong>
              <i>
              </i>
            </div>
            <ul>
                {category module=share pid=2 return=t}
                <li>
                  <a href="{$t.url}">{usu_fanyi($t.name, $language)}</a>
                </li>
                {/category}
            </ul>
          </div>
          <!--二级菜单-->
          <div class="products_info">
            <div class="abstract">
              <!--产品多图视频代码-->
              <link type="text/css" rel="stylesheet" href="{HOME_THEME_PATH}css/i1.css" media="screen">
              <div class="panel">
                <div>
                  <div class="tm-m-photos">
                    <img src="{dr_get_file($thumb)}" data-src="{dr_get_file($thumb)}" style="height: 300px;width: 350px;">
                    <!-- <div class="tm-m-photo-box">
                      <div class="tm-m-photo-viewer">
                        <img src="{dr_get_file($thumb)}" data-src="{dr_get_file($thumb)}">
                      </div>
                    </div> -->
                    <!-- <div class="thumbnail">
                      <ul class="tm-m-photos-thumb">
                        <li data-type="img" data-src="testimg/pro01.jpg">
                          <span>
                            <img src="{HOME_THEME_PATH}picture/loading.png" data-src="testimg/pro01.jpg" alt=""></span>
                        </li>
                        <li data-type="img" data-src="testimg/pro02.jpg">
                          <span>
                            <img src="{HOME_THEME_PATH}picture/loading.png" data-src="testimg/pro02.jpg" alt=""></span>
                        </li>
                        <li data-type="img" data-src="testimg/pro03.jpg">
                          <span>
                            <img src="{HOME_THEME_PATH}picture/loading.png" data-src="testimg/pro03.jpg" alt=""></span>
                        </li>
                        <li data-type="img" data-src="testimg/pro04.jpg">
                          <span>
                            <img src="{HOME_THEME_PATH}picture/loading.png" data-src="testimg/pro04.jpg" alt=""></span>
                        </li>
                        <li data-type="img" data-src="testimg/pro05.jpg">
                          <span>
                            <img src="{HOME_THEME_PATH}picture/loading.png" data-src="testimg/pro01.jpg" alt=""></span>
                        </li>
                        <li data-type="img" data-src="testimg/pro06.jpg">
                          <span>
                            <img src="{HOME_THEME_PATH}picture/loading.png" data-src="testimg/pro02.jpg" alt=""></span>
                        </li>
                        <li data-type="video" data-src="https://youtu.be/rHfAFXDLKEY">
                          <span>
                            <img id="videoImg" src="{HOME_THEME_PATH}picture/loading.png" data-src="images/pro_video.jpg" alt="video"></span>
                        </li>
                      </ul>
                      <span class="left">
                        <i>
                        </i>
                      </span>
                      <span class="right">
                        <i>
                        </i>
                      </span>
                    </div> -->
                  </div>
                </div>
              </div>
              <script type="text/javascript" src="{HOME_THEME_PATH}js/i1.js"></script>
              <!-- <div class="pictureBox">
                <div class="box1"></div>
                <div class="box2">
                  <img src="{HOME_THEME_PATH}picture/loading.png" data-src="testimg/pro01.jpg" id="img" alt="">
                  <span class="close">
                    <img src="{HOME_THEME_PATH}picture/loading.png" data-src="images/guanbiwps.jpg" alt="close"></span>
                  <span class="prev">
                    <img src="{HOME_THEME_PATH}picture/loading.png" data-src="images/zuo.png" alt="left"></span>
                  <span class="next">
                    <img src="{HOME_THEME_PATH}picture/loading.png" data-src="images/you.png" alt="right"></span>
                </div>
              </div> -->
              <script type="text/javascript">$(".tm-m-photos").commentImg({
                  activeClass: 'tm-current',
                  //缩略图当前状态class,默认'current'
                  nextButton: '.tm-m-photo-viewer-navright',
                  //向后翻页按钮，默认'.next'
                  prevButton: '.tm-m-photo-viewer-navleft',
                  //向前翻页按钮，默认'.prev'
                  imgNavBox: '.tm-m-photos-thumb',
                  //缩略图容器，默认'.photos-thumb'
                  imgViewBox: '.tm-m-photo-viewer' //浏览图容器，默认'.photo-viewer'
                });
                $('.tm-m-photos-thumb').find('li').eq(0).click()</script>
              <!--产品多图视频代码-->
              <!--产品详情页图片展示-->
              <div class="brief" hsm="fader">
                <h1>{usu_fanyi($title,$language)}</h1>
                {usu_fanyi($description,$language)}
                <div class="bavlcn">
                  <a href="/contact/">
                    <b>
                      <i class="iconfont">&#xe61d;</i>{usu_fanyi('Send Email',$language)}</b></a>
                </div>
              </div>
            </div>
            <div class="clear"></div>
            <div class="sec_m_pro">
              <div class="alcet_title">{usu_fanyi('Details',$language)}</div>
              {usu_fanyi($content,$language)}
            </div>
            <!--产品推荐-->
            <div class="sec_m">
              <div class="alcet_pro_title">{usu_fanyi('Products Recommended',$language)}</div>
              <div class=" section">
                <div class="slider">
                {module module=news catid=$catid num=0,8}
                  <div class="item">
                    <a href="{$t.url}">
                      <img src="{dr_thumb($t.thumb)}" data-src="{dr_thumb($t.thumb)}" alt="{usu_fanyi($t.title,$language)}" >
                      <h3>{usu_fanyi($t.title,$language)}</h3></a>
                  </div>
                {/module}
                </div>
              </div>
            </div>
            <!--产品推荐-->
            </div>
        </div>
        <!--询盘模块-->
        {template nav_contact.html}
            <!--询盘模块-->
      </div>
    </main>
    <!--Footer-->
   
    {template footer.html}
    

    <!--底部产品推荐-->
    <script>
      $(function () {
        sliders(".sec_m .slider", 4);
      });
</script>  
<!--底部产品推荐-->

<!-- 图片懒加载js -->
<script>
var imgs = document.querySelectorAll('img');
//offsetTop是元素与offsetParent的距离，循环获取直到页面顶部
function getTop(e) {
    var T = e.offsetTop;
    while(e = e.offsetParent) {
        T += e.offsetTop;
    }
    return T;
}
function lazyLoad(imgs) {
    var H = document.documentElement.clientHeight;//获取可视区域高度
    var S = document.documentElement.scrollTop || document.body.scrollTop;

    for (var i = 0; i < imgs.length; i++) {
        if (H + S > getTop(imgs[i])) {
            if (imgs[i].getAttribute('data-src') && imgs[i].getAttribute('data-src').length > 0)
                imgs[i].src = imgs[i].getAttribute('data-src');
        }
    }
}
window.onscroll = function () { //onscroll()在滚动条滚动的时候触发
    lazyLoad(imgs);
}
setTimeout(function(){ lazyLoad(imgs)}, 600);
</script>
